<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>鼠标跟随导航特效</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<div class="wrap">
			<ul>
				<li style="background-position:0px 0px; border-top:1px dotted #ccc;border-left:1px dotted #ccc;"></li>
				<li style="background-position:-230px 0px; border-top:1px dotted #ccc"></li>
				<li style="background-position:-460px 0px; border-top:1px dotted #ccc"></li>
				<li style="background-position:-690px 0px; border-top:1px dotted #ccc"></li>
				<li style="background-position:-920px 0px; border-top:1px dotted #ccc"></li>
				<li style="background-position:-1150px 0px;border-left:1px dotted #ccc;"></li>
				<li style="background-position:-1370px 0px"></li>
				<li style="background-position:-1600px 0px"></li>
				<li style="background-position:-1830px 0px"></li>
				<li style="background-position:-2060px 0px"></li>
				<li style="background-position:-2290px 0px;border-left:1px dotted #ccc;"></li>
				<li style="background-position:-2520px 0px"></li>
				<li style="background-position:-2750px 0px"></li>
				<li style="background-position:-2980px 0px"></li>
				<li style="background-position:-3210px 0px"></li>
			</ul>
			<div class="box"></div>
		</div>
		<script src="index.js"></script>
	</body>
</html>
